{
    title:  'Skeletons',
    crumbs: [ 
        { "User's Guide": "index.html" },
    ],
}
   
        <h1>Skeletons</h1>
        <p>Expansive skeletons are integrated starting points for web sites or web applications. Skeletons 
        include starter web pages, layouts, partial pages, stylesheets, scripts and required packages for an 
        easy, one-step launch of your web site.</p>

        <h2>Installing Skeletons</h2>
        <p>Skeletons are packaged as a single <a href="http://embedthis.com/pak/">Pak</a> package that specifies 
        all the required dependencies. As such, you can install a skeleton with <em>pak install skeleton</em> 
        and it will download and install all the required packages.</p>

        <p>For example, to create a web site that will use <a href="http://sementic-ui.com">Semantic-UI</a>,
            a modern alternative to <a href="http://getbootstrap.com">Bootstrap</a>, install the 
        <em>exp-semantic-skeleton</em> skeleton. First create an empty directory to hold your application and then run 
        <em>pak install</em>.</p>
        <code class="inverted">$ mkdir demo
$ cd demo

$ <b>pak install exp-semantic-skeleton</b>
[Install] jquery 1.11.1
[Install] semantic 0.50.0
[Install] exp-semantic-skeleton 0.1.0
</code>
            <p>This installs the <em>semantic-ui</em> skeleton, the <em>Semanic-UI</em> and <em>jQuery</em> libraries, 
            and a set of Expansive plugins to process Less and CSS stylesheets and scripts, as show by the <em>pak list</em>
                command.</p>
<code class="inverted">$ <b>pak list</b>
                 exp-css  0.2.0  installed from embedthis/exp-css
                  exp-js  0.2.0  installed from embedthis/exp-js
                exp-less  0.2.0  installed from embedthis/exp-less
   exp-semantic-skeleton  0.1.0  installed from embedthis/exp-semantic-skeleton
                  jquery 1.11.2  installed from @npm/jquery
             semantic-ui 1.11.2  installed from Semantic-Org/Semantic-UI-CSS
</code>
            <p>The <em>exp-css</em> plugin manages browser css prefixes and minifies CSS stylesheets. 
            The <em>exp-js</em> plugin processes script files to minify and compress. 
            The <em>exp-less</em> plugin processes Less stylesheets and compiles them into CSS files. 
            These plugins are automatically invoked for the appropriate file extensions. Although, you can 
            modify this behavior via the <em>expansive.json</em> configuration file.</p>

        <h3>Popular Skeletons</h3>
        <ul>
            <li><a href="https://github.com/embedthis/exp-html-skeleton">exp-html-skeleton</a> &mdash; 
                Expansive HTML5 Skeleton</li>
            <li><a href="https://github.com/embedthis/exp-bootstrap-skeleton">exp-bootstrap-skeleton</a> &mdash; 
                Expansive <a href="http://getbootstrap.com/">Bootstrap</a> Skeleton</li>
            <li><a href="https://github.com/embedthis/exp-semantic-skeleton">exp-semantic-skeleton</a> &mdash; 
                Expansive <a href="http://semantic-ui.com/">Semantic-UI</a> Skeleton</li>
            <li><a href="https://github.com/embedthis/esp-angular-skeleton">esp-angular-skeleton</a> &mdash; 
                <a href="https://embedthis.com/esp/">ESP</a> <a href="http://angularjs.org/">AngularJS</a> Skeleton</li>
            <li><a href="https://github.com/embedthis/esp-html-skeleton">esp-html-skeleton</a> &mdash; 
                <a href="https://embedthis.com/esp/">ESP</a> HTML5 Skeleton</li>
        </ul>

